<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <link href="/favicon.ico" rel="icon" />
  <script src="/jessibuca.js"></script>
  <script src="/ac.min.js"></script>
  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  <title>新禹河灌区数字沙盘</title>
</head>
<!-- 配合 postcss-pxtorem 使用 -->
<style type="text/css">
  #app {
    position: relative;
  }

  @font-face {
    font-family: Title;
    src: url('/font/Title.ttf');
  }

  :root {
    font-size: 14px;
  }

  @media all
  and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
  (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
  (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
    :root {
      font-size: 14px !important;
    }
  }

  @media all
  and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
  (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
  (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
    :root {
      font-size: 13px !important;
    }
  }

  @media all
  and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
  (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
  (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
    :root {
      font-size: 12px !important;
    }
  }

  @media all
  and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
    :root {
      font-size: 10px !important;
    }
  }
</style>
<body>
<div id="app"></div>
<script src="/src/main.ts" type="module"></script>
</body>
</html>
